<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>{$site.title} - {:lang("Background management system")} {:lang('Operation completed')}</title>

    <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />

    <link rel="stylesheet" href="/static/libs/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="__static__/css/adminlte.min.css">
    <link rel="stylesheet" href="/static/libs/bootstrap-table-master/bootstrap-table.min.css">
    <link rel="stylesheet" href="__static__/css/common.css?v={:env('APP_DEBUG')?time():config('site.version')}">

    <style>
        html,body {width: 100%;background: #f4f6f9;font-size: 14px}
        .info-box {border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:none;}
        .info-box-icon i {font-size: 5rem;}
        .box-footer a {color:#ffffff;display: block;}
        .box-footer>div {text-align: center;padding-top: 0.5rem;padding-bottom: 0.5rem;}
        .box-footer>div:first-child {border-right: 1px solid #28a745;}
        .info-box .info-box-text {font-weight: bold;font-size: 1.2rem;overflow: visible;}
        .main-box {background: #24963e;box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);}
        .info-box .info-box-content {padding-top: 0.5rem;padding-bottom: 0.5rem;}
        .info-box .info-box-icon {width: 20%;}
    </style>
</head>
<body>
    <div class="row justify-content-md-center" style="margin: 0">
        <div class="col-lg-3 col-md-4 col-sm-6 mt-5">
            <div class="main-box">
                <div class="info-box bg-success mb-0 pl-4 pt-3 pb-3">
                    <span class="info-box-icon"><i class="fas fa-grin"></i></span>

                    <div class="info-box-content pl-4">
                        <span class="info-box-text">{:lang('Prompt information')}</span>
                        <span class="info-box-number mt-3">{$msg}</span>

                        <span class="progress-description mt-1">
                            {:lang('The page will automatically jump after %s seconds',['<b id="wait">'.$wait.'</b>'])}
                        </span>
                    </div>
                </div>
                <div class="row box-footer m-0">
                    <div class="col-md-6">
                        <a href="javascript:history.back(-1);" class="small-box-footer">{:lang('return to previous page')}</a>
                    </div>
                    <div class="col-md-6">
                        <a href="{$url}" class="small-box-footer" id="href">{:lang('Jump now')}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        (function () {
            var wait = document.getElementById('wait');
            var interval = setInterval(function () {
                var time = --wait.innerHTML;
                if (time <= 0) {
                    location.href = history.length <= 1 ? "/" : "{$url}";
                    clearInterval(interval);
                }
            }, 1000);
        })();
    </script>
</body>
</html>